<!--
    Created by wangyang on 2019-01-26.
    itwangyang@gmail.com
    http://itwangyang.xyz
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>A.I票据-我要出票</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="../css/reset.css">
    <link href="https://cdn.bootcss.com/foundation-datepicker/1.5.6/css/foundation-datepicker.css" rel="stylesheet">
    <link rel="stylesheet" href="../assest/css/animate.css">
    <link rel="stylesheet" href="../assest/css/all.min.css">
    <link rel="stylesheet" href="../assest/css/brands.min.css">
    <link rel="stylesheet" href="../assest/css/fontawesome.min.css">
    <link rel="stylesheet" href="../assest/css/regular.min.css">
    <link rel="stylesheet" href="../assest/css/solid.min.css">
    <link rel="stylesheet" href="../assest/css/svg-with-js.min.css">
    <link rel="stylesheet" href="../assest/css/v4-shims.min.css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/app.css">
    <style>
        /*input.pic {*/
            /*display: none;*/
        /*}*/

        label.upimg {
            display: flex;
            width: 254px;
            height: 196px;
            border-radius: 50%;
            overflow: hidden;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-top: -20px;
        }

        .file-img {
            width: 254px;
            height: 196px;
            border: 1px dashed #d3d3d3;
        }

        img.haha {
            width: 254px;
            height: 196px;
        }

        input {
            font-size: 14px !important;
        }
        .showNone{
            display: none !important;

        }
        .error{
            color:red;
        }

        label#expireDate-error {
            width: 100%;
        }
        label#billingDate-error {
            width: 100%;
        }
        input.pic {
            display: block;
            height: 0;
            width: 0;
        }

        label#pic1-error {
            margin-top: 235px;
            position: absolute;
            /* text-align: center; */
            left: 93px;
        }

        label#pic2-error{
            margin-top: 235px;
            position: absolute;
            /* text-align: center; */
            left: 93px;
        }






    </style>
</head>
<body>
<!--ticket-top begin-->
<div class="ticket-top container-fluid">
    <div class="container">
        <nav class="ticket-top-nav">
            <a class="ticket-top-nav-item active" href="#">服务热线:120362564</a>
            <a class="ticket-top-nav-item" href="#">服务时间：<span>9:00-12:00</span></a>
        </nav>
    </div>
</div>
<!--ticket-top end-->

<!--navbar-meau begin-->
<section class="container-fluid navbar-meau">
    <nav class="container navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="index.html"><img src="../images/logo.png" alt=""
                                                       class="img-responsive"
                                                       width="208"
                                                       height="54"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item ">
                    <a class="nav-link" href="../index.html">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">我要出票</a>
                </li>
                <li class="nav-item ">
                    <a class="nav-link" href="#">交易大厅</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我的订单</a>
                </li>
            </ul>

            <form class="form-inline">
                <button class="btn btn-primary login-btn" type="button">登录</button>
                <button class="btn btn-outline-primary reg-btn" type="button">注册</button>
            </form>
        </div>
    </nav>
</section>
<!--navbar-meau end-->


<!--面包导航条 begin-->
<section class="container breadNavigationBar fontSize16 ">
    <div class="row ml-1">
        <li><a class="fontcolor20" href="../index.html">首页</a></li>
        <span class="ml-2 mr-2">&gt;</span>
        <li><a class="fontcolor20" href=""><a href="">发布交易需求</a></a></li>
    </div>
</section>
<!--面包导航条 end-->

<!--list-group-type begin-->
<section class="container list-group-type mb-4 ">
    <form style="width: 100% !important;" id="votedForm">

        <div class="mainColor fontSize30 flexBox-center mt-5 mb-5">[发布交易需求]</div>

        <div class="row">
            <div class="col col-lg-12  mt-4 mb-4 isModal1">
                <div class="row flexBox-center">
                    <div class="col col-lg-3">
                        <div class="fileimg-onw">
                            <div class="file-img">
                                <img class="haha" src="" alt="">
                                <input type="file" id="pic1" class="pic"  name="pic1" onchange="showpic(this)" required="required">
                                <label class="upimg xx1" for="pic1" >
                                    <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                    <p>上传照片</p>
                                </label>
                                <div class="error" id="pic1Updata" style="display: none;margin-top: 60px;text-align: center;">上传照片</div>
                            </div>

                            <p class="text-center fontSize14 mt-2">上传票面正面截图</p>
                            <p class="text-center fontSize14 mt-2">
                                <a href="#" data-toggle="modal" data-target="#myModal4">示例</a>
                            </p>
                            <!-- 模态框1 -->
                            <div class="modal fade" id="myModal4">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <img src="../images/modal.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="col col-lg-3">
                        <div class="fileimg-onw">
                            <div class="file-img">
                                <img class="haha" src="" alt="">
                                <input type="file" id="pic2" class="pic" name="pic" onchange="showpic(this)" required>
                                <label class="upimg xx2" for="pic2">
                                    <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                    <p>上传照片</p>
                                </label>
                            </div>

                            <p class="text-center fontSize14 mt-2">上传票面反面截图</p>
                            <p class="text-center fontSize14 mt-2">
                                <a href="#" data-toggle="modal" data-target="#myModal5">示例</a>
                            </p>
                            <!-- 模态框1 -->
                            <div class="modal fade" id="myModal5">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <img src="../images/modal.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>

        <div class=" col-lg-12 border-d3 py-4 mb-5 my-model">
            <!--<form >-->
                <div class="form-group">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label for="billNumber" class="fontSize14 fontcolor20 ">票号:</label>
                        </div>
                        <div class="col-lg-7 " id="billNumberApp">
                            <input type="text" v-model="phone" class="form-control" id="billNumber" maxlength="34"
                                   placeholder="请您输入30位数票号"  required="required" name="billNumber">
                        </div>

                        <!--放错误反馈 -->
                        <div class="invalid-feedback" id="piaohaoFeedback"></div>
                    </div>
                </div>

                <!--票面金额-->
                <div class="form-group">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label for="billMoney" class="fontSize14 fontcolor20">票面金额:</label>
                        </div>
                        <div class="col-lg-7">
                            <input type="text" class="form-control" id="billMoney" placeholder="请输入票面金额" required="required" name="billMoney">
                        </div>
                    </div>
                    <!--放错误反馈 -->
                    <div class="invalid-feedback" id="billMoneyFeedback"></div>
                </div>

                <!--到期时间-->
                <div class="form-group">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label for="expireDate" class="fontSize14 fontcolor20">到期时间:</label>
                        </div>
                        <div class="col-lg-7">
                            <div class="input-group date" data-target-input="nearest">
                                <input type="text" class="form-control datetimepicker-input" id="expireDate"
                                       data-target="#datetimepicker1" required="required" name="expireDate"/>
                                <div class="input-group-append " data-target="#datetimepicker1"
                                     data-toggle="datetimepicker">
                                    <!--<div class="input-group-text"><i class="fa fa-calendar"></i></div>-->
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="invalid-feedback" id="expireDateFeedback"></div>

                </div>


                <div class="form-group">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label for="billingDate" class="fontSize14 fontcolor20">开票日期:</label>
                        </div>
                        <div class="col-lg-7">
                            <div class="input-group date" data-target-input="nearest">
                                <input type="text" class="form-control datetimepicker-input" id="billingDate"
                                       data-target="#datetimepicker1" required="required" name="billingDate"/>
                                <div class="input-group-append" data-target="#datetimepicker1"
                                     data-toggle="datetimepicker">
                                    <!--<div class="input-group-text"><i class="fa fa-calendar"></i></div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="invalid-feedback" id="billingDateFeedback"></div>

                </div>


                <div class="form-check">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20 mr-1">瑕疵情况：</label>
                        </div>
                        <div class="col-lg-9 ml-2">
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" checked type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">无瑕疵</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">重复</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">回头</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">质押</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">保证</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" type="radio" name="defect"> <span
                                    class="fontSize14 fontcolor20">上下不一致</span>
                            </label>
                        </div>
                    </div>
                </div>


                <div class="form-check">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20 mr-1">交易类型：</label>
                        </div>
                        <div class="col-lg-9 ml-2 type-seleced">
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" value="1" checked type="radio" name="transactionType">
                                <span
                                        class="fontSize14 fontcolor20">一口价</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" value="2" type="radio" name="transactionType"> <span
                                    class="fontSize14 fontcolor20">集合交易</span>
                            </label>
                            <label class="form-check-label mr-5">
                                <input class="form-check-input" value="3" id="directedTransaction" type="radio"
                                       name="transactionType"> <span class="fontSize14 fontcolor20">定向交易</span>
                            </label>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7 offset-3 isModal-show" style="display: none">
                    <div class="flexBox-center show-1">
                        <div class="col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20">对手</label>
                        </div>
                        <div class="col-lg-5">
                            <input type="text" class="form-control" placeholder="请输入8位数ID" maxlength="8">
                        </div>
                    </div>

                    <div class="flexBox-center show-1">
                        <p>
                            <input class="form-check-input mt-2" type="radio" checked name="type-name"><span
                                class="fontSize14 fontcolor20  ">见证业务</span>
                        </p>
                        <p class="ml-5">
                            <input class="form-check-input mt-2" type="radio" name="type-name"><span
                                class="fontSize14 fontcolor20  ">见证业务</span>
                        </p>
                    </div>


                </div>


                <div class="form-group mt-2">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20">每十万扣款:</label>
                        </div>
                        <div class="col-lg-7 ">
                            <input type="text" id="money1" class="form-control money-money" maxlength="30" placeholder="请输入金额">
                        </div>
                        <!--<span class="fontSize14 fontcolor20">万</span>-->
                    </div>
                </div>
                <div class="form-group ">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20">年化扣款:</label>
                        </div>
                        <div class="col-lg-7 ">
                            <input type="text" id="money2" class="form-control money-money" maxlength="30" placeholder="请输入金额">
                        </div>
                    </div>
                </div>
                <div class="form-group ">
                    <div class="row offset-2 flexBox-row">
                        <div class="col col-lg-2 pull-right">
                            <label class="fontSize14 fontcolor20">成交金额:</label>
                        </div>
                        <div class="col-lg-7 ">
                            <input type="text" id="money3" class="form-control money-money" maxlength="30" placeholder="请输入金额">
                        </div>
                    </div>
                </div>
            <!--</form>-->
        </div>

        <div class="row bg-f0fafe btn-bg-f0fafe">
            <div class="col col-lg-12">
                <button type="submit" class="btn btn-primary"  id="fabu" data-target="#myModal">
                    马上发布交易
                </button>
            </div>
        </div>

        <!-- 模态框 -->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog modal-md">
                <div class="modal-content">

                    <!-- 模态框头部 -->
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>

                    <!-- 模态框主体 -->
                    <div class="modal-body flexBox-center">
                        发布交易需审核，请耐心等待！
                    </div>

                    <!-- 模态框底部 -->
                    <div class="modal-footer flexBox-center">
                        <button type="button" class="btn btn-md btn-primary" data-dismiss="modal">确认</button>
                    </div>

                </div>
            </div>
        </div>

    </form>
</section>
<!--list-group-type end-->


<!--footer begin-->
<footer class="container-fluid">
    <div class="footer container pt-3">
        <div class="row" style="color: #fff">
            <div class="col-lg-4 col-md-3 col-sm-12 ">
                <p>客服热线</p>
                <p class="tel">4000-00000-1000</p>
                <li class="navbar-bottom-item">工作时间：8：00-18：00</li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>关于我们</p>
                <li class="navbar-bottom-item"><a href="">关于澳赢科技</a></li>
                <li class="navbar-bottom-item"><a href="">联系我们</a></li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>电票交易</p>
                <li class="navbar-bottom-item"><a href="">获取交易权限</a></li>
                <li class="navbar-bottom-item"><a href="">交易流程</a></li>
                <li class="navbar-bottom-item"><a href="">电子使用规则</a></li>
                <li class="navbar-bottom-item"><a href="">相关下载</a></li>
                <li class="navbar-bottom-item"><a href="">常见问题</a></li>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-12 ">
                <img src="../images/qr_code.png" alt="" width="123" height="120"
                     class="img-responsive">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
</footer>
<!--footer end-->

<script src="../js/jquery.js"></script>
<script src="../assest/js/vue.js"></script>
<script src="https://cdn.bootcss.com/foundation-datepicker/1.5.6/js/foundation-datepicker.min.js"></script>
<script src="../assest/js/all.min.js"></script>
<script src="../assest/js/brands.min.js"></script>
<script src="../assest/js/fontawesome.min.js"></script>
<script src="../assest/js/regular.min.js"></script>
<script src="../assest/js/solid.min.js"></script>
<script src="../assest/js/v4-shims.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../assest/js/bootstrap-notify.min.js"></script>
<script src="../js/common.js"></script>
<script>

    /*上传图片*/
    function showpic(a) {
        //获取上传文件的信息
        var pic = a.files[0];
        console.log(pic);

        //在pic的文件里抓取该文件用于显示二进制信息
        var sr = window.URL.createObjectURL(pic);
        console.log(sr);
        //设置src属性，显示图片
        $(a).prev().attr("src", sr);
        $(a).next().hide();
        //$(".xx1").hide();
        console.log($(a).next().next().hide());
        $(a).next().next().hide();

        $(a).prev().click(function () {
            $(a).prev().attr("src", "");
            $(a).next().show();
            $("label.upimg").show();
            var file = $(a);
            file.after(file.clone().val(""));
            file.remove();
            $(a).prev().unbind("click")
        })

    }


    /*调用时间*/
    $('#expireDate').fdatepicker({format: 'yyyy-mm-dd'});
    $("#billingDate").fdatepicker({format: 'yyyy-mm-dd'});


    /*算法:*/

    // [new Date('2019-01-21')-new Date('2019-01-10')] /(24*60*60*1000)

    var money;
    var daoqiTime;
    var kaipiaoTime;
    var money1;



    $("input#billMoney").blur(function () {
        money = $("#billMoney").val();
        console.log(money);
        // x = money / 100000;
        // yOk = x.toFixed(2) + "十万";
        // console.log(yOk);


        // var num = money > 9999 ? money/10000 + "万" : money;
        // console.log(num);
    });

    $("input#money1").blur(function () {
        var money1 = $("input#money1").val();
        console.log(money1);
        if(!money1) {
            console.log("请您输入");
            if (!$("#money2").val() && !$("#money3").val()){
                $("#money2").removeAttr("disabled", "disabled");
                $("#money3").removeAttr("readonly", "readonly");
            }
        }else {

            $("#money2").attr("disabled", "disabled");
            $("#money3").attr("readonly", "readonly");
        }

        var chengjiao = [1-(money1/100000)]*money;
        console.log(chengjiao.toFixed(2));
        $("#money3").val(chengjiao);


    });

    $("input#money2").blur(function () {
        var money2 = $("input#money2").val();
        console.log(money2);
        if(!money2) {
            console.log("请您输入");
            if(!$("#money1").val() && !$("#money3").val()){
                $("#money1").removeAttr("disabled", "disabled");
                $("#money3").removeAttr("readonly", "readonly");
            }
        }else {
            $("#money1").attr("disabled", "disabled");
            $("#money3").attr("readonly", "readonly");
            daoqiTime = $("input#expireDate").val();
            kaipiaoTime = $("input#billingDate").val();
            var chaTime = Math.ceil([new Date(daoqiTime) - new Date()] / (24 * 60 * 60 * 1000));
            console.log(chaTime);

            var nianhua = $("#billMoney").val() * (1-(money2/36000)*chaTime);
            console.log((nianhua/100)+"%");
            $("#money3").val((nianhua/100));
        }

    });

    $("input#money3").blur(function () {
        var money3 = $("input#money3").val();
        console.log(money3);
        if(!money3) {
            console.log("请您输入");
            if(!$("#money1").val() && !$("#money2").val()){
                $("#money1").removeAttr("disabled", "disabled");
                $("#money2").removeAttr("disabled", "disabled");
            }
        }else {
            if(!$("#money1").val()) $("#money1").attr("disabled", "disabled");

            if(!$("#money2").val()) $("#money2").attr("disabled", "disabled");
        }
    });



    $("#fabu").click(function () {
        daoqiTime = $("input#expireDate").val();
        kaipiaoTime = $("input#billingDate").val();
        console.log(daoqiTime);
        console.log(kaipiaoTime);
        var chaTime = [new Date(daoqiTime) - new Date(kaipiaoTime)] / (24 * 60 * 60 * 1000);
        console.log(chaTime);
    });

    $(".money-money").click(function () {

    })

    //每十万金额/10万  1-(每十万扣款/10万)








    var vm = new Vue({
        el: '#billNumberApp',
        data() {
            return {
                phone: '' // 双向绑定的数据
            }
        },
        watch: {
            phone(newValue, oldValue) { // 监听
                this.phone = newValue.length > oldValue.length ? newValue.replace(/\s/g, '').replace(/(\d{1})(\d{0,12})(\d{0,8})(\d{0,8})(\d{0,1})/, '$1 $2 $3 $4 $5') : this.phone.trim()
            }
        }
    });




    /*单选按钮显示定向出票*/
    $(function () {
        $(".type-seleced").click(function () {
            var isPermanentValue = $('input[name=\'transactionType\']:checked').val();
            if (isPermanentValue == 1) {
                $(".isModal-show").hide();
            } else if (isPermanentValue == 2) {
                $(".isModal-show").hide();
            } else if (isPermanentValue == 3) {
                $(".isModal-show").show();
            }
        })

    });
</script>


<!--<script>
    /*oninvalid:当验证不通过时触发*/
    document.getElementById("billNumber").oninvalid=function(){
        /*设置默认的提示信息*/
         this.setCustomValidity("请输入合法的票号");
    }

    function IsNull(){
        var str = document.getElementById('billNumber').value.trim();
        if(str.length==0){
            alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称!
        }
    }

    $("#billNumber").blur(function (){
        var input = $("#billNumber").val();
        var span = $("#piaohaoFeedback");
        if(input.length == 34){
            //如果匹配,移除错误样式
            span.text("");
            span.css("display","none");
        }else{
            //如果不匹配增加错误样式
            span.text("请您输入合法的票号！");
            span.css("display","block");
            span.css("marginLeft",'170px');
        }
    });


    $("#billMoney").blur(function () {
        var str = document.getElementById('billMoney').value.trim();
        var reg=/^[0-9]*(\.[0-9]{1,2})?$/;
        if (!reg.test($("#billMoney").val())) {
            $("#billMoneyFeedback").css("display","block");
            $("#billMoneyFeedback").css("marginLeft",'350px');
            $("#billMoneyFeedback").html("请输入正确金额");
            return false;
        }else if(str.length==0){
            $("#billMoneyFeedback").css("display","block");
            $("#billMoneyFeedback").css("marginLeft",'350px');
            $("#billMoneyFeedback").html("对不起，文本框不能为空或者为空格!");
        } else {
            $("#billMoneyFeedback").css("display","none");
            $("#billMoneyFeedback").html("");
        }
    });
    
    $("#expireDate").blur(function () {
        var str = $('#expireDate').val().trim();
        if(str.length==0){
            $("#expireDateFeedback").css("display","block");
            $("#expireDateFeedback").css("marginLeft",'350px');
            $("#expireDateFeedback").html("对不起，时间不能为空，请您重新选择！");
        }
    });
    $("#billingDate").blur(function () {
        var str = $('#billingDate').val().trim();
        if(str.length==0){
            $("#billingDateFeedback").css("display","block");
            $("#billingDateFeedback").css("marginLeft",'350px');
            $("#billingDateFeedback").html("对不起，时间不能为空，请您重新选择！");
        }
    })






</script>-->
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>

<script>


    $.validator.setDefaults({
        submitHandler: function() {
            alert("提交事件!");
        }
    });

    $().ready(function() {
        $("#votedForm").validate({
            rules:{
                pic:{
                    required: true,
                },
                pic1:"required",
                billNumber:{
                    required: true,
                    minlength: 34,
                    maxlength:34
                },
                billMoney:{
                    required: true,
                    digits:true
                },
                expireDate:{
                    required:true,
                    date:true
                },
                billingDate:{
                    required:true,
                    date:true
                },
                messages:{
                    billNumber:{
                        required: "请输入完整的票号",
                        minlength:"必须严格按照这个格式输入"
                    }
                }
            }
        });

    });
    
   // $("#fabu").click(function () {
   //      if(typeof FileReader == 'undefined' || typeof FileReader == ''){
   //          var file = document.getElementById("pic1").files[0];
   //          console.log(file);
   //          alert("请您上传图片");
   //      }
   //  });


    // $("#fabu").click(function () {
    //     console.log($(".file-img>img").src);
    //     if ($(".file-img>img").src="undefined") {
    //         alert("请您上传图片");
    //     }else {
    //         alert("上传图片成功");
    //
    //     }
    // })




</script>





</body>
</html>
